<template>
	<view>
		<view class="ml-36 pr-36 mt-20 pb-20 bb">
			<view class="flex1 flex-middle">
				<view class="img-pic">
					<image :src="item.avatar" mode="aspectFill"></image>
				</view>
				<view class="ml-20 u-flex-1">
					<view class="flex">
						<view class="bold">
							{{item.nickname}}
						</view>
						<view class="size-26 mt-20">
							{{item.createtime}}
						</view>
					</view>
					<view class="">
						<u-rate :count="5" v-model="item.product_score" :disabled="true" active-color="#FF9900"></u-rate>
					</view>
				</view>
			</view>
			<view class="mt-10 size-26 u-line-2">
				{{item.comment}}
			</view>
			<u-grid class="img-list" :col="3" :border="false">
				<u-grid-item v-for="(items,i) in item.pics" :key="">
					<image :src="items" mode="aspectFill"></image>
				</u-grid-item>
			</u-grid>
			<view class="mt-20" v-if="item.merchant_reply_content"><text class="gray-2">商家回复：</text>{{item.merchant_reply_content}}</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		props:['item'],
		data() {
			return {
					value: 2
			};
		}
	}
</script>

<style lang="scss" scoped>
	.img-pic {
		image {
			width: 116rpx;
			height: 116rpx;
			border-radius: 50%;
		}
	}

	.img-list {
		image {
			width: 220rpx;
			height: 220rpx;
			border-radius: 10rpx;
		}
	}
</style>

